<template>
	<div class="mp-baseinfo">
		<div class="mpg-flexbox">
			<div class="mpg-item">
				<p class="mpg-item-text"><span class="mpg-item-num">4.9</span>分  很棒</p>
				<p class="mpg-item-text mpg-item-text-on">154评论</p>
			</div>
			<div class="mpg-item">
				<p class="mpg-item-text">景点介绍</p>
				<p class="mpg-item-text mpg-item-text-on">开放时间、贴士</p>
			</div>
		</div>
		<div class="mp-baseinfo-adress">
			<span class="iconfont icon-location"></span>
			海南省三亚市吉阳区下洋田鹿回头广场公共码头
		</div>
	</div>
</template>

<script>
export default {
	name: 'DetailComment'
}
</script>

<style lang="stylus" scoped="">
.mp-baseinfo
	position: relative
	top: -0.1rem
	z-index: 2
	background: #fff
	border-radius: .1rem
	.mpg-flexbox
		border-bottom: solid 1px #eee
		clear: both
		overflow: hidden
		.mpg-item
			float: left
			width: 50%
			padding: .2rem
			line-height: .4rem
			box-sizing: border-box
		.mpg-item:first-child
			border-right:solid 1px #eee
		.mpg-item-text-on
			color:#999
		.mpg-item-num
			color:#ff8300
			font-size:.42rem
	.mp-baseinfo-adress
		height: .8rem
		line-height: .8rem
		padding:0 .2rem
		.icon-location
			color: #999
</style>